Работы учеников (портфолио)

Назад к списку группИнструкции

Андреева Мария Викторовна

Текущая папка: port­fo­lio / Занятие 4

fon

f_002_task

background-image

П Ё Т Р П Е Р В Ы Й <

f_001_task

Идентификаторы

П Ё Т Р 1 К Р А Ш <

f_005_background-image_cover

CSS2 1600×1200 cen­ter cen­ter fixed, CSS3 background-size cover

Lorem ipsum dolor sit amet, con­secte­tur adip­isc­ing elit. Cras scelerisque port­ti­tor tel­lus quis ali­quam. Sus­pendisse in tris­tique nibh. Pel­len­tesque iac­ulis purus ut sapien tem­pus vitae imperdiet ligula biben­dum. Phasel­lus male­suada tel­lus erat, non pel­len­tesque neque. Nul­lam erat odio, plac­erat ac tin­cidunt sit amet, con­se­quat sit amet nibh. Ali­quam mol­lis molestie biben­dum. Mae­ce­nas non dolor nec risus ornare sem­per. Inte­ger ut urna sit amet tor­tor tin­cidunt ornare. Viva­mus et diam quis arcu inter­dum cur­sus et ut libero. Nam sed feu­giat lorem. Proin rutrum ali­quam molestie. Mau­ris sed vehic­ula arcu. Cur­abitur ali­quam, orci ut ultri­ces lacinia, dolor libero fau­cibus nibh, eget fringilla risus nisi nec nibh. Inte­ger vulpu­tate urna a nunc sem­per eu eges­tas tor­tor dapibus. Etiam tem­pus hen­drerit nibh id con­se­quat. Fusce pretium gravida mau­ris, id biben­dum nulla adip­isc­ing sit amet. Morbi vestibu­lum lorem ligula, a ele­men­tum dolor. Aenean ac tem­por turpis.

Nunc eu ante sit amet urna condi­men­tum sus­cipit sed vitae nunc. Cum sociis natoque penat­i­bus et mag­nis dis par­turi­ent montes, nasce­tur ridicu­lus mus. Sus­pendisse ultricies, metus eget eges­tas tin­cidunt, justo diam euis­mod nisi, id ultri­ces lorem est vitae sapien. Cur­abitur congue tor­tor ipsum, sed luc­tus nunc. Duis hen­drerit com­modo sapien vitae pul­v­inar. Ali­quam erat volut­pat. Morbi molestie, diam a sol­lic­i­tudin sodales, augue diam volut­pat ante, quis inter­dum erat orci vitae eros. Mae­ce­nas quam nulla, luc­tus laoreet vene­natis ut, com­modo ac justo. Ut male­suada nisl vitae elit male­suada mat­tis. Morbi velit nunc, lacinia ut laoreet at, mol­lis eget velit. Cur­abitur accum­san felis ut eros phare­tra ornare.

Cras ut pul­v­inar nisl. In hac habitasse platea dic­tumst. Proin at justo vehic­ula dolor ali­quam tin­cidunt at et augue. Ut dui dolor, luc­tus vitae vehic­ula eu, rhon­cus ac urna. Mau­ris lacinia neque sit amet purus feu­giat id laoreet mau­ris laoreet. Ali­quam erat volut­pat. Nulla vene­natis, urna at molestie facil­i­sis, enim elit ullam­cor­per lorem, inter­dum ornare lacus velit eu leo. Ali­quam con­va­l­lis inter­dum tel­lus. Vestibu­lum ante ipsum primis in fau­cibus orci luc­tus et ultri­ces posuere cubilia Curae; Nunc eu neque sem, eget auc­tor libero.

Aenean vitae dic­tum lec­tus. Sus­pendisse at nisl metus, non ele­men­tum risus. Vestibu­lum rhon­cus ele­men­tum sapien non fringilla. Ut nisl orci, feu­giat sed sol­lic­i­tudin at, lacinia quis quam. Nulla volut­pat ali­quet dui, quis fer­men­tum erat biben­dum ut. Donec non turpis in tel­lus posuere ali­quet sit amet quis sapien. Nunc ele­men­tum com­modo felis a sodales. Viva­mus blandit neque ac quam phare­tra vel eges­tas enim port­ti­tor. Quisque est eros, dapibus sit amet lacinia vitae, con­se­quat at risus. Quisque fau­cibus enim at enim ornare nec volut­pat nulla vene­natis.

Duis eu orci in diam pul­v­inar com­modo. Phasel­lus lorem purus, mat­tis fringilla adip­isc­ing vel, sem­per non erat. Viva­mus nec nunc lacus, ac ali­quam elit. Pel­len­tesque sodales mol­lis scelerisque. Vestibu­lum cur­sus, turpis sit amet accum­san vehic­ula, risus ante con­se­quat orci, et iac­ulis risus metus scelerisque nisi. Sus­pendisse potenti. Cur­abitur vestibu­lum, justo vel tin­cidunt facil­i­sis, nisi nulla hen­drerit lec­tus, iac­ulis fringilla nibh lorem et dolor. Inte­ger auc­tor laoreet tel­lus vel ullam­cor­per. Donec dic­tum viverra nulla quis rhon­cus. Sed eget risus metus. Cras scelerisque nunc eget ligula congue con­secte­tur. Proin ut neque augue, iac­ulis ultricies libero. Proin vestibu­lum accum­san elit, eget fer­men­tum leo imperdiet in. Ut inter­dum orci nec quam sagit­tis hen­drerit. Donec at odio nec mi imperdiet dapibus vitae et ante. Duis sem­per var­ius volut­pat. Vestibu­lum hen­drerit dapibus turpis.

Lorem ipsum dolor sit amet, con­secte­tur adip­isc­ing elit. Cras scelerisque port­ti­tor tel­lus quis ali­quam. Sus­pendisse in tris­tique nibh. Pel­len­tesque iac­ulis purus ut sapien tem­pus vitae imperdiet ligula biben­dum. Phasel­lus male­suada tel­lus erat, non pel­len­tesque neque. Nul­lam erat odio, plac­erat ac tin­cidunt sit amet, con­se­quat sit amet nibh. Ali­quam mol­lis molestie biben­dum. Mae­ce­nas non dolor nec risus ornare sem­per. Inte­ger ut urna sit amet tor­tor tin­cidunt ornare. Viva­mus et diam quis arcu inter­dum cur­sus et ut libero. Nam sed feu­giat lorem. Proin rutrum ali­quam molestie. Mau­ris sed vehic­ula arcu. Cur­abitur ali­quam, orci ut ultri­ces lacinia, dolor libero fau­cibus nibh, eget fringilla risus nisi nec nibh. Inte­ger vulpu­tate urna a nunc sem­per eu eges­tas tor­tor dapibus. Etiam tem­pus hen­drerit nibh id con­se­quat. Fusce pretium gravida mau­ris, id biben­dum nulla adip­isc­ing sit amet. Morbi vestibu­lum lorem ligula, a ele­men­tum dolor. Aenean ac tem­por turpis.

Nunc eu ante sit amet urna condi­men­tum sus­cipit sed vitae nunc. Cum sociis natoque penat­i­bus et mag­nis dis par­turi­ent montes, nasce­tur ridicu­lus mus. Sus­pendisse ultricies, metus eget eges­tas tin­cidunt, justo diam euis­mod nisi, id ultri­ces lorem est vitae sapien. Cur­abitur congue tor­tor ipsum, sed luc­tus nunc. Duis hen­drerit com­modo sapien vitae pul­v­inar. Ali­quam erat volut­pat. Morbi molestie, diam a sol­lic­i­tudin sodales, augue diam volut­pat ante, quis inter­dum erat orci vitae eros. Mae­ce­nas quam nulla, luc­tus laoreet vene­natis ut, com­modo ac justo. Ut male­suada nisl vitae elit male­suada mat­tis. Morbi velit nunc, lacinia ut laoreet at, mol­lis eget velit. Cur­abitur accum­san felis ut eros phare­tra ornare.

Cras ut pul­v­inar nisl. In hac habitasse platea dic­tumst. Proin at justo vehic­ula dolor ali­quam tin­cidunt at et augue. Ut dui dolor, luc­tus vitae vehic­ula eu, rhon­cus ac urna. Mau­ris lacinia neque sit amet purus feu­giat id laoreet mau­ris laoreet. Ali­quam erat volut­pat. Nulla vene­natis, urna at molestie facil­i­sis, enim elit ullam­cor­per lorem, inter­dum ornare lacus velit eu leo. Ali­quam con­va­l­lis inter­dum tel­lus. Vestibu­lum ante ipsum primis in fau­cibus orci luc­tus et ultri­ces posuere cubilia Curae; Nunc eu neque sem, eget auc­tor libero.

Aenean vitae dic­tum lec­tus. Sus­pendisse at nisl metus, non ele­men­tum risus. Vestibu­lum rhon­cus ele­men­tum sapien non fringilla. Ut nisl orci, feu­giat sed sol­lic­i­tudin at, lacinia quis quam. Nulla volut­pat ali­quet dui, quis fer­men­tum erat biben­dum ut. Donec non turpis in tel­lus posuere ali­quet sit amet quis sapien. Nunc ele­men­tum com­modo felis a sodales. Viva­mus blandit neque ac quam phare­tra vel eges­tas enim port­ti­tor. Quisque est eros, dapibus sit amet lacinia vitae, con­se­quat at risus. Quisque fau­cibus enim at enim ornare nec volut­pat nulla vene­natis.

Duis eu orci in diam pul­v­inar com­modo. Phasel­lus lorem purus, mat­tis fringilla adip­isc­ing vel, sem­per non erat. Viva­mus nec nunc lacus, ac ali­quam elit. Pel­len­tesque sodales mol­lis scelerisque. Vestibu­lum cur­sus, turpis sit amet accum­san vehic­ula, risus ante con­se­quat orci, et iac­ulis risus metus scelerisque nisi. Sus­pendisse potenti. Cur­abitur vestibu­lum, justo vel tin­cidunt facil­i­sis, nisi nulla hen­drerit lec­tus, iac­ulis fringilla nibh lorem et dolor. Inte­ger auc­tor laoreet tel­lus vel ullam­cor­per. Donec dic­tum viverra nulla quis rhon­cus. Sed eget risus metus. Cras scelerisque nunc eget ligula congue con­secte­tur. Proin ut neque augue, iac­ulis ultricies libero. Proin vestibu­lum accum­san elit, eget fer­men­tum leo imperdiet in. Ut inter­dum orci nec quam sagit­tis hen­drerit. Donec at odio nec mi imperdiet dapibus vitae et ante. Duis sem­per var­ius volut­pat. Vestibu­lum hen­drerit dapibus turpis.

<

f_004_task

Логика может привести Вас от пункта А к пункту Б, а воображение — куда угодно. Альберт Эйнштейн
Наука — это организованные знания, мудрость — это организованная жизнь. Иммануил Кант
Свобода ничего не стоит, если она не включает в себя свободу ошибаться. Махатма Ганди
<

f_003

Цвет фона block­quote

Логика может привести Вас от пункта А к пункту Б, а воображение — куда угодно. Альберт Эйнштейн
Наука — это организованные знания, мудрость — это организованная жизнь. Иммануил Кант
Свобода ничего не стоит, если она не включает в себя свободу ошибаться. Махатма Ганди
<

f_005_task

CSS2 1600×1200 cen­ter cen­ter fixed, CSS3 background-size cover

Lorem ipsum dolor sit amet, con­secte­tur adip­isc­ing elit. Cras scelerisque port­ti­tor tel­lus quis ali­quam. Sus­pendisse in tris­tique nibh. Pel­len­tesque iac­ulis purus ut sapien tem­pus vitae imperdiet ligula biben­dum. Phasel­lus male­suada tel­lus erat, non pel­len­tesque neque. Nul­lam erat odio, plac­erat ac tin­cidunt sit amet, con­se­quat sit amet nibh. Ali­quam mol­lis molestie biben­dum. Mae­ce­nas non dolor nec risus ornare sem­per. Inte­ger ut urna sit amet tor­tor tin­cidunt ornare. Viva­mus et diam quis arcu inter­dum cur­sus et ut libero. Nam sed feu­giat lorem. Proin rutrum ali­quam molestie. Mau­ris sed vehic­ula arcu. Cur­abitur ali­quam, orci ut ultri­ces lacinia, dolor libero fau­cibus nibh, eget fringilla risus nisi nec nibh. Inte­ger vulpu­tate urna a nunc sem­per eu eges­tas tor­tor dapibus. Etiam tem­pus hen­drerit nibh id con­se­quat. Fusce pretium gravida mau­ris, id biben­dum nulla adip­isc­ing sit amet. Morbi vestibu­lum lorem ligula, a ele­men­tum dolor. Aenean ac tem­por turpis.

Nunc eu ante sit amet urna condi­men­tum sus­cipit sed vitae nunc. Cum sociis natoque penat­i­bus et mag­nis dis par­turi­ent montes, nasce­tur ridicu­lus mus. Sus­pendisse ultricies, metus eget eges­tas tin­cidunt, justo diam euis­mod nisi, id ultri­ces lorem est vitae sapien. Cur­abitur congue tor­tor ipsum, sed luc­tus nunc. Duis hen­drerit com­modo sapien vitae pul­v­inar. Ali­quam erat volut­pat. Morbi molestie, diam a sol­lic­i­tudin sodales, augue diam volut­pat ante, quis inter­dum erat orci vitae eros. Mae­ce­nas quam nulla, luc­tus laoreet vene­natis ut, com­modo ac justo. Ut male­suada nisl vitae elit male­suada mat­tis. Morbi velit nunc, lacinia ut laoreet at, mol­lis eget velit. Cur­abitur accum­san felis ut eros phare­tra ornare.

Cras ut pul­v­inar nisl. In hac habitasse platea dic­tumst. Proin at justo vehic­ula dolor ali­quam tin­cidunt at et augue. Ut dui dolor, luc­tus vitae vehic­ula eu, rhon­cus ac urna. Mau­ris lacinia neque sit amet purus feu­giat id laoreet mau­ris laoreet. Ali­quam erat volut­pat. Nulla vene­natis, urna at molestie facil­i­sis, enim elit ullam­cor­per lorem, inter­dum ornare lacus velit eu leo. Ali­quam con­va­l­lis inter­dum tel­lus. Vestibu­lum ante ipsum primis in fau­cibus orci luc­tus et ultri­ces posuere cubilia Curae; Nunc eu neque sem, eget auc­tor libero.

Aenean vitae dic­tum lec­tus. Sus­pendisse at nisl metus, non ele­men­tum risus. Vestibu­lum rhon­cus ele­men­tum sapien non fringilla. Ut nisl orci, feu­giat sed sol­lic­i­tudin at, lacinia quis quam. Nulla volut­pat ali­quet dui, quis fer­men­tum erat biben­dum ut. Donec non turpis in tel­lus posuere ali­quet sit amet quis sapien. Nunc ele­men­tum com­modo felis a sodales. Viva­mus blandit neque ac quam phare­tra vel eges­tas enim port­ti­tor. Quisque est eros, dapibus sit amet lacinia vitae, con­se­quat at risus. Quisque fau­cibus enim at enim ornare nec volut­pat nulla vene­natis.

Duis eu orci in diam pul­v­inar com­modo. Phasel­lus lorem purus, mat­tis fringilla adip­isc­ing vel, sem­per non erat. Viva­mus nec nunc lacus, ac ali­quam elit. Pel­len­tesque sodales mol­lis scelerisque. Vestibu­lum cur­sus, turpis sit amet accum­san vehic­ula, risus ante con­se­quat orci, et iac­ulis risus metus scelerisque nisi. Sus­pendisse potenti. Cur­abitur vestibu­lum, justo vel tin­cidunt facil­i­sis, nisi nulla hen­drerit lec­tus, iac­ulis fringilla nibh lorem et dolor. Inte­ger auc­tor laoreet tel­lus vel ullam­cor­per. Donec dic­tum viverra nulla quis rhon­cus. Sed eget risus metus. Cras scelerisque nunc eget ligula congue con­secte­tur. Proin ut neque augue, iac­ulis ultricies libero. Proin vestibu­lum accum­san elit, eget fer­men­tum leo imperdiet in. Ut inter­dum orci nec quam sagit­tis hen­drerit. Donec at odio nec mi imperdiet dapibus vitae et ante. Duis sem­per var­ius volut­pat. Vestibu­lum hen­drerit dapibus turpis.

Lorem ipsum dolor sit amet, con­secte­tur adip­isc­ing elit. Cras scelerisque port­ti­tor tel­lus quis ali­quam. Sus­pendisse in tris­tique nibh. Pel­len­tesque iac­ulis purus ut sapien tem­pus vitae imperdiet ligula biben­dum. Phasel­lus male­suada tel­lus erat, non pel­len­tesque neque. Nul­lam erat odio, plac­erat ac tin­cidunt sit amet, con­se­quat sit amet nibh. Ali­quam mol­lis molestie biben­dum. Mae­ce­nas non dolor nec risus ornare sem­per. Inte­ger ut urna sit amet tor­tor tin­cidunt ornare. Viva­mus et diam quis arcu inter­dum cur­sus et ut libero. Nam sed feu­giat lorem. Proin rutrum ali­quam molestie. Mau­ris sed vehic­ula arcu. Cur­abitur ali­quam, orci ut ultri­ces lacinia, dolor libero fau­cibus nibh, eget fringilla risus nisi nec nibh. Inte­ger vulpu­tate urna a nunc sem­per eu eges­tas tor­tor dapibus. Etiam tem­pus hen­drerit nibh id con­se­quat. Fusce pretium gravida mau­ris, id biben­dum nulla adip­isc­ing sit amet. Morbi vestibu­lum lorem ligula, a ele­men­tum dolor. Aenean ac tem­por turpis.

Nunc eu ante sit amet urna condi­men­tum sus­cipit sed vitae nunc. Cum sociis natoque penat­i­bus et mag­nis dis par­turi­ent montes, nasce­tur ridicu­lus mus. Sus­pendisse ultricies, metus eget eges­tas tin­cidunt, justo diam euis­mod nisi, id ultri­ces lorem est vitae sapien. Cur­abitur congue tor­tor ipsum, sed luc­tus nunc. Duis hen­drerit com­modo sapien vitae pul­v­inar. Ali­quam erat volut­pat. Morbi molestie, diam a sol­lic­i­tudin sodales, augue diam volut­pat ante, quis inter­dum erat orci vitae eros. Mae­ce­nas quam nulla, luc­tus laoreet vene­natis ut, com­modo ac justo. Ut male­suada nisl vitae elit male­suada mat­tis. Morbi velit nunc, lacinia ut laoreet at, mol­lis eget velit. Cur­abitur accum­san felis ut eros phare­tra ornare.

Cras ut pul­v­inar nisl. In hac habitasse platea dic­tumst. Proin at justo vehic­ula dolor ali­quam tin­cidunt at et augue. Ut dui dolor, luc­tus vitae vehic­ula eu, rhon­cus ac urna. Mau­ris lacinia neque sit amet purus feu­giat id laoreet mau­ris laoreet. Ali­quam erat volut­pat. Nulla vene­natis, urna at molestie facil­i­sis, enim elit ullam­cor­per lorem, inter­dum ornare lacus velit eu leo. Ali­quam con­va­l­lis inter­dum tel­lus. Vestibu­lum ante ipsum primis in fau­cibus orci luc­tus et ultri­ces posuere cubilia Curae; Nunc eu neque sem, eget auc­tor libero.

Aenean vitae dic­tum lec­tus. Sus­pendisse at nisl metus, non ele­men­tum risus. Vestibu­lum rhon­cus ele­men­tum sapien non fringilla. Ut nisl orci, feu­giat sed sol­lic­i­tudin at, lacinia quis quam. Nulla volut­pat ali­quet dui, quis fer­men­tum erat biben­dum ut. Donec non turpis in tel­lus posuere ali­quet sit amet quis sapien. Nunc ele­men­tum com­modo felis a sodales. Viva­mus blandit neque ac quam phare­tra vel eges­tas enim port­ti­tor. Quisque est eros, dapibus sit amet lacinia vitae, con­se­quat at risus. Quisque fau­cibus enim at enim ornare nec volut­pat nulla vene­natis.

Duis eu orci in diam pul­v­inar com­modo. Phasel­lus lorem purus, mat­tis fringilla adip­isc­ing vel, sem­per non erat. Viva­mus nec nunc lacus, ac ali­quam elit. Pel­len­tesque sodales mol­lis scelerisque. Vestibu­lum cur­sus, turpis sit amet accum­san vehic­ula, risus ante con­se­quat orci, et iac­ulis risus metus scelerisque nisi. Sus­pendisse potenti. Cur­abitur vestibu­lum, justo vel tin­cidunt facil­i­sis, nisi nulla hen­drerit lec­tus, iac­ulis fringilla nibh lorem et dolor. Inte­ger auc­tor laoreet tel­lus vel ullam­cor­per. Donec dic­tum viverra nulla quis rhon­cus. Sed eget risus metus. Cras scelerisque nunc eget ligula congue con­secte­tur. Proin ut neque augue, iac­ulis ultricies libero. Proin vestibu­lum accum­san elit, eget fer­men­tum leo imperdiet in. Ut inter­dum orci nec quam sagit­tis hen­drerit. Donec at odio nec mi imperdiet dapibus vitae et ante. Duis sem­per var­ius volut­pat. Vestibu­lum hen­drerit dapibus turpis.

<

f_003_task

Цвет фона block­quote

Логика может привести Вас от пункта А к пункту Б, а воображение — куда угодно. Альберт Эйнштейн
Наука — это организованные знания, мудрость — это организованная жизнь. Иммануил Кант
Свобода ничего не стоит, если она не включает в себя свободу ошибаться. Махатма Ганди
<

f_002

background-image

А З Б У К А <

f_004

Логика может привести Вас от пункта А к пункту Б, а воображение — куда угодно. Альберт Эйнштейн
Наука — это организованные знания, мудрость — это организованная жизнь. Иммануил Кант
Свобода ничего не стоит, если она не включает в себя свободу ошибаться. Махатма Ганди
<